Ext.onReady(function(){

var menu1=new Ext.menu.Menu({
items:[{                //菜单项的集合
text:"颜超群",      //菜单项的文本，
href:"http://jaychaoqun.cnblogs.cn",//指定链接地址
hrefTarget:"_blank",        //链接打开的发式，在新窗口打开
icon:"icon-info.gif"        //菜单项前面的图标
},{
text:"颜超群",
href:"http://jaychaoqun.cnblogs.cn",
hrefTarget:"_blank",
icon:"icon-info.gif"
},{
text:"颜超群",
href:"http://jaychaoqun.cnblogs.cn",
hrefTarget:"_blank",
icon:"icon-info.gif"
},{
text:"颜超群",
href:"http://jaychaoqun.cnblogs.cn",
hrefTarget:"_blank",
icon:"icon-info.gif"
},{
text:"颜超群",
href:"http://jaychaoqun.cnblogs.cn",
hrefTarget:"_blank",
icon:"icon-info.gif"
},{
text:"颜超群",
href:"http://jaychaoqun.cnblogs.cn",
hrefTarget:"_blank",
icon:"icon-info.gif"
}]
});

/**
* 普通菜单
*/

var menu2=new Ext.menu.Menu({
items:[{
text:"<b>粗体</b>",
handler:handlerMenu
},{
text:"<i>斜体<i>",
handler:handlerMenu
},{
text:"<u>下划线</u>",
handler:handlerMenu
},{
text:"<font color=red>红色字体</font>",
handler:handlerMenu
}]
});

/**
* 带子菜单的菜单
*/

var menu3=new Ext.menu.Menu({
items:[{
text:"菜单项1",         //菜单项的文本，
//子菜单
menu:{items:[{text:"子菜单1",handler:handlerMenu},{text:"子菜单2",handler:handlerMenu},{text:"子菜单3",handler:handlerMenu}]}
},{
text:"菜单项2",
menu:{items:[{text:"子菜单1"},{text:"子菜单2"},{text:"子菜单3"}]}
},{
text:"菜单项3",
menu:{items:[{text:"子菜单1"},{text:"子菜单2"},{text:"子菜单3"}]}
}]
});

/**
* 日期菜单和颜色菜单
*/

var menu4=new Ext.menu.Menu({
items:[{
text:"请选择日期",
hideDelay:2000,     //延迟隐藏2000毫秒
menu:new Ext.menu.DateMenu({    //日期菜单
handler:function(db,date){
Ext.Msg.alert("Date","您选的日期是"+date.format("Y年m月d日"));
}})
},{
text:"请选择颜色",
menu:new Ext.menu.ColorMenu({   //颜色菜单
handler:function(cm,color){
Ext.Msg.alert("Color","您选择的颜色是: "+color);
}
})
}]
});

var panel=new Ext.Panel({ //new 一个Panel 用以显示菜单
width:800,          //宽度
border:false,       //没有边框
renderTo:"div1",    //显示的位置，在body里的一个div
tbar:[{text:"导航菜单",menu:menu1},      //把菜单放在Panel的顶部工具栏
{text:"普通菜单",menu:menu2},
{text:"带子菜单的菜单",menu:menu3},
{text:"日期和颜色",menu:menu4}
]
});

/**
* 用以处理菜单项点击事件
* @param {Object} item
*/

function handlerMenu(item){
Ext.Msg.alert("提示","您点击了"+item.text+"项");                
}
}); 